<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
</head>
<style>
    body{
        background-color: #F4F4F4;
    }
    .div1{
        height: 400px;
        width: 290px;
        /*border: 1px red solid;*/
        float: left;
        margin: 5px 5px 5px 20px;
    }

    .div3{
        height: 195px;
        width: 290px;
        /*border: 1px red solid;*/
        float: left;
        margin: 5px 5px 5px 5px;
    }
    .div4{
        height: 195px;
        width: 290px;
        /*border: 1px red solid;*/
        float: left;
        margin: 5px 5px 5px 20px;
    }

    .div7{
        height: 195px;
        width: 290px;
        /*border: 1px red solid;*/
        float: left;
        margin: 5px 5px 5px 5px;
    }
    .div8{
        height: 195px;
        width: 290px;
        /*border: 1px red solid;*/
        float: left;
        margin: 5px 5px 5px 20px;
    }

    span{
        color: #A2A2A2;
    }
    span b{
        color: black;
        font-size: 30px;
    }
    img {
        width: 140px;
        height: 130px;
        padding-top: 18px;
    }
    .div1 img{
        width: 290px;
        height: 400px;
        padding-top: 0;
    }
    div{
        background-color: #FFFFFF;
    }
</style>
<body>
    <div class="div1">
        <img src="作业/1.webp">
    </div>
    <div class="div1">
        <img src="作业/2.webp">
    </div>
    <div class="div3">
        <span><b>京东超市</b>一站式生活好物</span>
        <img src="作业/3.webp">
        <img src="作业/4.webp">
    </div>

    <div class="div3">
        <span><b>京东时尚</b>服饰美妆好物</span>
        <img src="作业/7.webp">
        <img src="作业/8.webp">
    </div>
    <div class="div3">
        <span><b>汽车生活</b>放心养车爱车无忧</span>
        <img src="作业/5.webp">
        <img src="作业/6.webp">
    </div>

    <div class="div7">
        <span><b>食品饮料</b>吃货嘉年华</span>
        <img src="作业/9.webp">
        <img src="作业/19.webp">
    </div>
    <div class="div8">
        <span><b>企业购</b>一站企业采购平台</span>
        <img src="作业/21.webp">
        <img src="作业/22.webp">
    </div>
    <div class="div4">
        <span><b>京东国际</b>一站尽享进口好物</span>
        <img src="作业/23.webp">
        <img src="作业/24.webp">
    </div>

    <div class="div3">
        <span><b>玩3C</b>潮流电子酷炫来袭</span>
        <img src="作业/8.webp">
        <img src="作业/9.webp">
    </div>
    <div class="div3">
        <span><b>电脑办公</b>科技潮物惠享不停</span>
        <img src="作业/25.webp">
        <img src="作业/26.webp">
    </div>
</body>
</html>